//
// ESTRUTURA: topo do sistema
//
var cont_topo = {
	id:"cont_topo",
	view:"toolbar",
	paddingY:1,
	height:50,
	elements:[
		{ id:"nome_empresa", view:"label", label:"Nome da Empresa" },
		{ view:"label", id:"ui_tipo_nomeSist", label:"Sismoh - ClientMode"},
		{ id:"go_login", view:"button", type:"icon", icon:"user", label:"Visitante", width:150},
	]
};
//============================

//
// ESTRUTURA: Menu esquerdo do sistema
//
var itensMenu = [
	{ id: "menu_inicio", value: "Inicio" },
	{ id: "menu_cadastro", value: "Cadastro" },
	{ id: "menu_consulta", value: "Consulta" },
	{ id: "menu_sobre", value: "Sobre" },
	{ id: "menu_sair", value: "Sair" },
];

var menu = { 
	id:"menubar",
	rows:[
		{ view:"template", template:"Menu", type:"header", height:40 },
		{  
			id:"ui_menu",
			view:"menu",
			layout:"y",
			width:200,
			height:170,
			template:"#value#",
			select:"true",
			data:"itensMenu"
		}
	]
};
//======================================

//
// PAINEL: tela de propriedades
//
var propiedades = {
	type:"clean",
	rows:[{
		view:"property", 
		id:"propriedades",
		elements:[
			{id:"prop_nome", label:"Nome", type:"text"},
			{id:"prop_login", label:"login", type:"text"},
			{id:"prop_senha", label:"Senha", type:"text" },
			{id:"prop_empresa", label:"Empresa", type:"text"},
			{id:"prop_temp", label:"Template", type:"select", options:["Azul", "Verde", "Amarelo"] },
		]},
		{ id:"infoProp", template:"Clique em um ítem das propiedades para obter informações" , height:90},
		{ id:"prop_salvar",view:"button", value:"Salvar configurações", type:"form" }
	]
}

var config = {
	id:"ui_conf",
	view:"accordion",
	hidden:true,
	collapsed:true,
	rows:[
		{ header:"configurações", body: propiedades}
	]
}
//=======================================

//
// CONTAINER: comporta o painel 'menu' e 'config'
//
var nav = {
	type:"wide",
	width:250,
	rows:[ menu, config ]
}
//=======================================

//
// PAINEL: Comporta a tela de apresentação do conteúdo do site
//
var content = {
	template:"pagina Teste"
}

var ui_estrutura = {
	id:"ui_estrutura",
	rows:[
		cont_topo,
		{ 
			height:520,
			type:"space", 
			cols:[ nav, content ]
		},
		{ template:"rodape"}
	]
}
//=======================================

//
// WINDOW: Tela de login do sistema
//
var login_form = {
	view:"form",
	id:"login_form",
	width:300,
	elements:[
		{id:"txt_usuario", view:"text", label:"Usuário"},
		{id:"txt_senha", view:"text", type:"password", label:"Senha"},
		{margin:5, cols:[
			{id:"btn_entrar",view:"button", value:"Entrar", type:"form" },
			{id:"btn_novo",view:"button", value:"Novo"},
			{id:"btn_cancelar", view:"button", value:"Cancelar"}
		]}
	]
}

var cad_form = {
	view:"form",
	id:"cad_form",
	hidden:true,
	width:300,
	elements:[
		{view:"label", label:"Insira os seus dados abaixo"},
		{id:"new_nome", view:"text", label:"Nome"},
		{id:"new_login", view:"text", label:"Login"},
		{id:"new_senha", view:"text", label:"Senha"},		
		{margin:5, cols:[
			{id:"new_cadastrar",view:"button", value:"Cadastrar", type:"form"},
			{id:"new_cancelar",view:"button", value:"Cancelar"}
		]}
	]	
}

var ui_window = {
	view:"window",
	hidden:true,
	move:true,
	position:"center",
	id:"ui_window",
	//id:"win_login",
	head:"Login",
	body:{
		id:"view_window", rows:[login_form, cad_form]
	}
}
//=======================================